<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="jquery-3.3.1.js"></script>
</head>
<body>
	<p><input type="text" value="洋酒" id="txt"><button>查找</button></p>
</body>
</html>
<script type="text/javascript">
	//两个事件：失去焦点和获得焦点
	$(function(){
		$('#txt').focus(function() 
		{
		//判断如果是默认值，清空内容
		if($('#txt').val() === '洋酒')
		{			
			$('#txt').val('');
		}
		});
	    
	    $('#txt').blur(function(){
	        //如果内容为空，设置默认值
	        if($('#txt').val() === '')
	        {
	        	$('#txt').val('洋酒');
	        }
	    });
	});
</script>